<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>修德抄经堂</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="../bower_components/mui/dist/css/mui.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/full.css">
	 <link rel="stylesheet" type="text/css" href="../css/over.css"> 
	<link rel="stylesheet" type="text/css" href="../css/wancheng.css">
	<script src="../bower_components/mui/dist/js/mui.js"></script>
	<script src="../bower_components/jquery/dist/jquery.js"></script>
</head>
<body>
	<div class="page">
		<div class="bg"></div>
	   <div class="content">
	   		<div id="main">
	   			<div class="img_bg"></div>
	   			<div class="img_border">
	   				<img src="../img/bore/book.png">
	   				<div class="shuming">
		   				<p class="p1 same">《心经》王羲之行书线装本</p>
		   				<p class="p2 fang">2017.05.05完成    共990字</p>
		   			</div>
	   			</div>
	   			<!--
                	三个图标
                -->
                <ul class="btn same">
                	<a href="#"><li>
                		<img src="../img/benxin/wancheng.png">
                		<p>印刷</p>
                	</li></a>
                	<a href="#"><li>
                		<img src="../img/benxin/yuran.png">
                		<p>预览</p>
                	</li></a>
                	<a href="#"><li id="xiazai">
                		<img src="../img/benxin/xiazai.png">
                		<p>下载</p>
                	</li></a>
                	<a href="#"><li>
                		<img src="../img/benxin/fenxiang.png">
                		<p>阅读</p>
                	</li></a>
                </ul>
	   		</div>
	   		
	   		<div class="tishibg"></div>
	   		<div id="tishi">
	   			<img src="../img/benxin/haha.png">
	   			<p class="size fang">文件大小为89M</p>
	   			<span class="same" id="next">继续</span><span class="same" id="quxiao">取消</span>
	   		</div>
	   </div>
	</div>
</body>
<script>
	$('.img_bg').height($('.img_border img').height()+21);
	$('.shuming').width($('.img_border img').width()+20);
	
	$('#xiazai').click(function(){
		$('.tishibg').show();
		$('#tishi').show();
	})
	$(".tishibg,#quxiao").click(function(){
		$('.tishibg').hide();
		$('#tishi').hide();
	})
</script>
</html>
